<?php $this->load->view('header'); ?>
<?php $this->load->view('cuerpo'); ?>
<link rel="stylesheet" href="<?php echo base_url(); ?>css/jPages.css" />
<script type="text/javascript" src="<?php echo base_url(); ?>js/jquery-ui.js"></script>
<script type="text/javascript" src="<?php echo base_url(); ?>js/jPages.js"></script>
<script type="text/javascript">
  $(function() {
      $("#desde").datepicker({ dateFormat: 'dd/mm/yy' });
      $("#hasta").datepicker({ dateFormat: 'dd/mm/yy' });
      $("#txtRuc").attr("disabled", "disabled");
      $("#txtNumDoc").attr("disabled", "disabled");
      $("#tipoDoc").attr("disabled", "disabled");
      $("#txtDato").attr("disabled", "disabled");
  });
</script>
<script type="text/javascript">
    $(function() {
        $("div.holder").jPages({
            containerID : "usuario",
            previous : "Anterior",
            next : "Siguiente",
            perPage : 10,
            delay : 10
        });
    });
</script>
<div class="formulario" style="width: 800px; margin-left: 80px;">	
    <form name="usuario" action="<?php echo base_url(); ?>index.php/usuario" method="post">
        <fieldset>
            <legend>Datos del Cliente</legend>	
            <table>
                <tr>
                    <td><label>Tipo de Usuario:</label></td>
                    <td>
                        <input type="checkbox" id="tipoUsuarioCI" name="tipoUsuarioCI" value="1"/>Cliente Individual
                        <script type="text/javascript">
                            $("#tipoUsuarioCI").click(function(){
                                if ($("#tipoUsuarioCI").is(':checked')) {
                                    $("#tipoUsuarioCC").removeAttr("checked");
                                    $("#tipoUsuarioP").removeAttr("checked");
                                    $("#opcionRuc").removeAttr("checked");
                                    $("#opcionTd").removeAttr("disabled");
                                    $("#tipoDoc").val("");
                                    $("#txtNumDoc").val("");
                                    $("#opcionRuc").attr("disabled", "disabled");
                                    $("#txtRuc").attr("disabled", "disabled");
                                    $("#txtRuc").val("");
                                    $("#tipoUsuario").val("1");
                                } else {
                                    if (!$("#opcionRuc").is(':checked')) {
                                        $("#opcionRuc").removeAttr("disabled");
                                        $("#txtRuc").val("");
                                        $("#txtRuc").attr("disabled", "disabled");
                                    }
                                    if (!$("#opcionTd").is(':checked')) {
                                        $("#opcionTd").removeAttr("disabled");
                                        $("#tipoDoc").val("");
                                        $("#tipoDoc").attr("disabled", "disabled");
                                        $("#txtNumDoc").val("");
                                        $("#txtNumDoc").attr("disabled", "disabled");
                                    }
                                    if (!$("#opcionNR").is(':checked')) {
                                        $("#opcionNR").removeAttr("disabled");
                                        $("#txtDato").val("");
                                        $("#txtDato").attr("disabled", "disabled");
                                    }                                    
                                    $("#tipoUsuario").val("");
                                }
                            });
                        </script>
                    </td>
                    <td colspan="4"></td>
                </tr>
                <tr>
                    <td></td>
                    <td>
                        <input type="checkbox" id="tipoUsuarioCC" name="tipoUsuarioCC" value="2"/>Cliente Corporativo
                        <script type="text/javascript">
                            $("#tipoUsuarioCC").click(function(){
                                if ($("#tipoUsuarioCC").is(':checked')) {
                                    $("#tipoUsuarioCI").removeAttr("checked");
                                    $("#tipoUsuarioP").removeAttr("checked");
                                    $("#opcionRuc").removeAttr("disabled");
                                    $("#txtRuc").val("");
                                    $("#tipoDoc").attr("disabled", "disabled");
                                    $("#tipoDoc").val("");
                                    $("#txtNumDoc").val("");
                                    $("#opcionTd").removeAttr("checked");
                                    $("#opcionTd").attr("disabled", "disabled");
                                    $("#txtNumDoc").attr("disabled", "disabled");
                                    $("#txtNumDoc").val("");
                                    $("#tipoUsuario").val("2");
                                } else {
                                    if (!$("#opcionRuc").is(':checked')) {
                                        $("#opcionRuc").removeAttr("disabled");
                                        $("#txtRuc").val("");
                                        $("#txtRuc").attr("disabled", "disabled");
                                    }
                                    if (!$("#opcionTd").is(':checked')) {
                                        $("#opcionTd").removeAttr("disabled");
                                        $("#tipoDoc").val("");
                                        $("#tipoDoc").attr("disabled", "disabled");
                                        $("#txtNumDoc").val("");
                                        $("#txtNumDoc").attr("disabled", "disabled");
                                    }
                                    if (!$("#opcionNR").is(':checked')) {
                                        $("#opcionNR").removeAttr("disabled");
                                        $("#txtDato").val("");
                                        $("#txtDato").attr("disabled", "disabled");
                                    }
                                    $("#tipoUsuario").val("");
                                }
                            });
                        </script>
                    </td>
                    <td colspan="4"></td>
                </tr>
                <tr>
                    <td></td>
                    <td>
                        <input type="checkbox" id="tipoUsuarioP" name="tipoUsuarioP" value="3"/>Proveedor
                        <script type="text/javascript">
                            $("#tipoUsuarioP").click(function(){
                                if ($("#tipoUsuarioP").is(':checked')) {
                                    $("#tipoUsuarioCI").removeAttr("checked");
                                    $("#tipoUsuarioCC").removeAttr("checked");
                                    $("#opcionRuc").removeAttr("disabled");
                                    $("#txtRuc").removeAttr("disabled");
                                    $("#tipoDoc").attr("disabled", "disabled");
                                    $("#tipoDoc").val("");
                                    $("#txtNumDoc").val("");
                                    $("#opcionTd").removeAttr("checked");
                                    $("#opcionTd").attr("disabled", "disabled");
                                    $("#txtRuc").attr("disabled", "disabled");
                                    $("#txtNumDoc").attr("disabled", "disabled");
                                    $("#txtRuc").val("");
                                    $("#txtNumDoc").val("");
                                    $("#tipoUsuario").val("3");
                                } else {
                                    if (!$("#opcionRuc").is(':checked')) {
                                        $("#opcionRuc").removeAttr("disabled");
                                        $("#txtRuc").val("");
                                        $("#txtRuc").attr("disabled", "disabled");
                                    }
                                    if (!$("#opcionTd").is(':checked')) {
                                        $("#opcionTd").removeAttr("disabled");
                                        $("#tipoDoc").val("");
                                        $("#tipoDoc").attr("disabled", "disabled");
                                        $("#txtNumDoc").val("");
                                        $("#txtNumDoc").attr("disabled", "disabled");
                                    }
                                    if (!$("#opcionNR").is(':checked')) {
                                        $("#opcionNR").removeAttr("disabled");
                                        $("#txtDato").val("");
                                        $("#txtDato").attr("disabled", "disabled");
                                    }
                                    $("#tipoUsuario").val("");
                                }
                            });
                        </script>
                    </td>
                    <td colspan="4"></td>
                </tr>
                <tr>
                    <td>
                        <input type="radio" id="opcionRuc" name="opcionRuc" value="1"/>Nro de RUC
                        <script type="text/javascript">
                            $("#opcionRuc").click(function(){
                                $("#txtRuc").removeAttr("disabled");
                                $("#opcionTd").removeAttr("checked");
                                $("#tipoDoc").attr("disabled", "disabled");
                                $("#txtNumDoc").attr("disabled", "disabled");
                                $("#txtNumDoc").val("");
        
                                $("#opcionNR").removeAttr("checked");
                                $("#txtDato").attr("disabled", "disabled");
                                $("#txtDato").val("");
                            });
                        </script>
                    </td>                            
                    <td>
                        <input type="text" id="txtRuc" name="txtRuc" size="50" placeholder='Número de RUC' title='Solo números' pattern='[0-9]{11}' maxlength="11" onkeypress="return justNumbers(event)"/>
                    </td>
                    <td colspan="4"></td>
                </tr>
                <tr>
                    <td colspan="3">
                        <input type="radio" id="opcionTd" name="opcionTd" value="2"/>Tipo de Documento
                        <script type="text/javascript">
                            $("#opcionTd").click(function(){
                                $("#tipoDoc").removeAttr("disabled");
                                $("#txtNumDoc").removeAttr("disabled");
                                $("#opcionRuc").removeAttr("checked");
                                $("#txtRuc").attr("disabled", "disabled");
                                $("#txtRuc").val("");
                                
                                $("#opcionNR").removeAttr("checked");
                                $("#txtDato").attr("disabled", "disabled");
                                $("#txtDato").val("");
                            });
                        </script>
                    </td>                            
                    <td colspan="3"></td>
                </tr>
                <tr>
                    <td>
                        <select name="tipoDoc" id="tipoDoc">
                            <option value=""><?= STR_VALOR_INICIAL?></option>
                            <option value="<?= INT_DNI ?>">DNI</option>
                            <option value="<?= INT_CARNET_EXTRANJERIA ?>">CARNET DE EXTRANJERÍA</option>
			</select>
                        <script type="text/javascript">
                            $("#tipoDoc").change(function(){
                                var tipoDoc = $("#tipoDoc").val();
                                if (tipoDoc === "<?= INT_DNI ?>") {
                                    $("#txtNumDoc").attr("maxlength", "8");
                                    $("#txtNumDoc").attr("pattern", "[0-9]{8}");
                                }
                                if (tipoDoc === "<?= INT_CARNET_EXTRANJERIA ?>") {
                                    $("#txtNumDoc").attr("maxlength", "11");
                                    $("#txtNumDoc").attr("pattern", "[0-9]{11}");
                                }
                            });
                        </script>
                    </td>
                    <td>
                        <input type="text" id="txtNumDoc" name="txtNumDoc" size="50" placeholder='Número de Documento' title='Solo números' onkeypress="return justNumbers(event)"/>
                    </td>
                    <td colspan="3"></td>
                    <td>
                        <input type="button" name="btnBuscar" id="btnBuscar" value="Buscar"/>
                        <script type="text/javascript">
                            $("#btnBuscar").click(function(){                                
                                var tipoDoc = $("#tipoDoc").val();
                                var numDoc = $("#txtNumDoc").val();
                                if (tipoDoc !== "") {
                                    if (tipoDoc === "<?= INT_DNI ?>") {
                                        if (numDoc.length < 8) {
                                            alert('El DNI debe contener 8 digitos');
                                            $("#txtNumDoc").focus();
                                            return false;
                                        }
                                    }
                                    if (tipoDoc === "<?= INT_CARNET_EXTRANJERIA ?>") {
                                        if (numDoc.length < 11) {
                                            alert('El carnet de extranjeria debe contener 11 digitos');
                                            $("#txtNumDoc").focus();
                                            return false;
                                        }
                                    }
                                }
                                $("#btnBuscar").attr("disabled", "disabled");
                                document.usuario.submit();                                
                            })
                        </script>        
                    </td>
                </tr>
                <tr>
                    <td>
                        <input type="radio" id="opcionNR" name="opcionNR" value="3"/>Nombre o Razón Social
                        <script type="text/javascript">
                            $("#opcionNR").click(function(){
                                $("#txtDato").removeAttr("disabled");
                                $("#opcionRuc").removeAttr("checked");
                                $("#txtRuc").attr("disabled", "disabled");
                                $("#txtRuc").val("");
                                
                                $("#opcionTd").removeAttr("checked");
                                $("#tipoDoc").attr("disabled", "disabled");
                                $("#tipoDoc").val("");
                                $("#txtNumDoc").attr("disabled", "disabled");
                                $("#txtNumDoc").val("");
                            });
                        </script>
                    </td>                            
                    <td>
                        <input type="text" id="txtDato" name="txtDato" size="60" placeholder='Nombre o Razón Social' maxlength="60" onkeyup="javascript:this.value=this.value.toUpperCase()"/>
                    </td>
                    <td colspan="4"></td>                    
                </tr>
                <tr>
                    <td>
                        <label style="padding-right: 30px;">Desde</label>
                        <input type="text" id="desde" name="desde" value="" maxlength="8" readonly="readonly" style="width: 80px;"/>                        
                    </td>
                    <td>
                        <label style="padding-right: 30px;">Hasta</label>
                        <input type="text" id="hasta" name="hasta" value="" maxlength="8" readonly="readonly" style="width: 80px;"/>
                    </td>
                    <td colspan="3"></td>
                    <td><input type="button" name="btnAsignar" id="btnAsignar" value="Asignar Tarifa" disabled="disabled"/></td>
                </tr>
                <tr>
                    <td colspan="3">Estado                    
                        <input type="radio" id="estado" name="estado" value="" checked="checked"/>Todos
                        <input type="radio" id="estado" name="estado" value="<?= INT_ESTADO_ACTIVO ?>"/>Activos
                        <input type="radio" id="estado" name="estado" value="<?= INT_ESTADO_INACTIVO ?>"/>No Activos
                    </td>
                    <td colspan="3">
                        <input type="hidden" id="tipoUsuario" name="tipoUsuario" value=""/>
                    </td>
                </tr>
            </table>
        </fieldset>
        <?php if (count($lstUsuario)) { ?>
        <fieldset>
            <div>
                <input type="checkbox" id="checkAll" name="checkAll" value="0"/>Seleccionar todo
                <script type="text/javascript">
                    $("#checkAll").click(function(){
                        if ($("#checkAll").is(':checked')) {
                            $("#tablaUsuarios input[type=checkbox]").attr("checked", true);
                        } else {
                            $("#tablaUsuarios input[type=checkbox]").attr("checked", false);
                        }
                    });
                </script>
            </div>            
            <table id="tablaUsuarios">
                <thead>
                <tr>
                    <th></th>
                    <th style="width: 45px; text-align: left; font-weight: bold;">Item</th>
                    <th style="text-align: left; font-weight: bold;">Usuario</th>
                    <th style="text-align: left; font-weight: bold;">Nombre o Razón Social</th>
                    <th style="text-align: left; font-weight: bold;">Num. de Documento</th>
                    <th style="font-weight: bold;">Fec. Registro</th>                            
                    <th style="font-weight: bold;">Estado</th>
                    <th colspan="2" style="font-weight: bold;">Acción</th>
                </tr>
                </thead>
                <tbody id="usuario">
                <?php
                        $item = 1;
                        $estado = '';
                        foreach ($lstUsuario as $data) {
                            $datos = $numDoc = $tipoUsuarioIni = '';
                            $idEstado = $data->estado;
                            if ($idEstado == INT_ESTADO_ACTIVO) {
                                $estado = STR_ESTADO_ACTIVO;
                            } else {
                                $estado = STR_ESTADO_INACTIVO;
                            }
                            if ($tipoUsuario == '') {
                                $datos = $data->datos;
                                $numDoc = $data->numDoc;
                                $tipoUsuarioIni = $data->tipoUsuario;
                            }
                            if ($tipoUsuario == 1) {
                                $datos = $data->nombres.' '.$data->apellidos;
                                $numDoc = $data->numDoc;
                            }
                            if ($tipoUsuario == 2 || $tipoUsuario == 3) {
                                $datos = $data->razon_social;
                                $numDoc = $data->ruc;
                            }
                ?>
                <tr>
                    <td>
                        <?php if ($tipoUsuarioIni == 3 || $tipoUsuario == 3) { ?>
                        <input type="checkbox" id="check_<?= $data->id ?>" name="check[]" value="<?= $data->id ?>"/>
                        <?php } ?>
                    </td>
                    <td><?= $item++ ?></td>
                    <td><?= $data->username ?></td>
                    <td><?= $datos ?></td>
                    <td><?= $numDoc ?></td>
                    <td style="text-align: center;"><?= date("d/m/Y", strtotime($data->fecha)) ?></td>
                    <td><?= $estado ?></td>
                    <?php
                            if ($tipoUsuarioIni == '') {
                                if ($tipoUsuario == 1 || $tipoUsuario == 2) {
                    ?>
                    <td><a href="<? echo base_url();?>index.php/cliente/editar?id=<?= $data->id_persona ?>&estado=<?= $estado ?>" onclick="return confirm('¿Está seguro de Editar al Usuario seleccionado?')">Editar</a></td>
                    <?php                    
                                } else if ($tipoUsuario == 3) {
                    ?>
                    <td><a href="<? echo base_url();?>index.php/proveedor/editar?id=<?= $data->id ?>" onclick="return confirm('¿Está seguro de Editar al Usuario seleccionado?')">Editar</a></td>
                    <?php                    
                                }
                            } else {
                                if ($tipoUsuarioIni == 1 || $tipoUsuarioIni == 2) {
                    ?>
                    <td><a href="<? echo base_url();?>index.php/cliente/editar?id=<?= $data->id ?>&estado=<?= $estado ?>" onclick="return confirm('¿Está seguro de Editar al Usuario seleccionado?')">Editar</a></td>
                    <?php                    
                                } else if ($tipoUsuarioIni == 3) {
                    ?>
                    <td><a href="<? echo base_url();?>index.php/proveedor/editar?id=<?= $data->id ?>" onclick="return confirm('¿Está seguro de Editar al Usuario seleccionado?')">Editar</a></td>
                    <?php                    
                                }
                            }                    
                            if ($idEstado == INT_ESTADO_ACTIVO) {
                                if ($tipoUsuarioIni != '') {
                    ?>
                    <td><a href="<? echo base_url();?>index.php/usuario/anular?id=<?= $data->id ?>&idPersona=<?= $data->id_persona ?>&tipo=<?= $tipoUsuarioIni ?>" onclick="return confirm('¿Está seguro de Omitir al Usuario seleccionado?')">Omitir</a></td>
                    <?php                    
                                } else {
                    ?>
                    <td><a href="<? echo base_url();?>index.php/usuario/anular?id=<?= $data->id ?>&idPersona=<?= $data->id_persona ?>&tipo=<?= $tipoUsuario ?>" onclick="return confirm('¿Está seguro de Omitir al Usuario seleccionado?')">Omitir</a></td>
                    <?php                    
                                } 
                            } else {
                    ?>
                    <td>-</td>
                    <?php                    
                            }
                    ?>
                </tr>
                <?php
                        }
                ?>
                </tbody>
            </table>
            <?php
                    if (count($lstUsuario) > INT_NUM_X_PAGINA) {
            ?>
            <div class="holder" style="float: right"></div>
            <?php            
                    } else {
            ?>
            <div style="height: 10px"></div>
            <?php            
                    }
            ?>
        </fieldset>
        <?php } ?>
    </form>
</div>
<?php $this->load->view('footer'); ?>